<ol class="breadcrumb newcrumb">
    <li>
        <a href="#">
            <span><i class="fa fontello-home-outline"></i>
            </span>Home</a>
    </li>
    <li><a href="#">Special Page</a>
    </li>
    <li>404</li>
</ol>

<!-- /.error-page -->
<div class="row">
    <div class="col-sm-4">

        <div class="error-nest"> <i style="font-size:10em" class="text-center fontello-beaker text-green"></i> 
           <!--  <span style="font-size:10em"  class="text-center text-green" data-start='e008' data-frames='4' data-interval='60'>
           </span> -->
        </div>
    </div>
    <div class="col-sm-8">
        <h2 class="text-green">
            <strong>404</strong>
        </h2>
        <div class="error-content">
            <h4><i class="fa fa-warning text-yellow"></i>&nbsp;That's an error</h4>
            <br>

            <p>
                We could not find the page you were looking for. Meanwhile, you may <a href='#!/'>return to dashboard</a> or try using the search form.
            </p>
            <form class='search-form'>
                <div class='input-group'>
                    <input type="text" name="search" class='form-control' placeholder="Search" />
                    <div class="input-group-btn">
                        <button type="submit" name="submit" class="btn bg-green"><i class="fa fa-search"></i>
                        </button>
                    </div>
                </div>
                <!-- /.input-group -->
            </form>
        </div>
    </div>


</div>

